//元素尺寸计算公式
@function getvw($w){
    @return $w / 750 * 100 + vw
}
// 字体大小计算公式
@function getfs($w){
    @return $w / 750 * 100 + vmin
}

// Back按钮
.back_btn{
    display: block;
    width: 16.4vw;
    height: 7.6vw;
    background-color: #fff;
    border: 0.1333vw solid #ff9344;
    border-radius: 2.8vw;
    a{
        font-size: 3.4667vmin;
        color: #000;
    }
}

// 头部页面标题
.head_name{
    font-size: 3.4667vmin; 
    line-height: 7.6vw; 
    }

// 头部下拉框
    .city_box{
        position: relative;
         select{
            width: 21.2vw;
            // height: 7.4667vw;
            padding: 1.3333vw;
            border-color: #ff9344;
            font-size: 3.4667vmin;
            appearance: none;
         }
         .drop_icon{
            display: block;
            position: absolute;
            font-size: 2.1333vw;
            top: 35%;
            right: 3%;
            color: #ff9344;
            pointer-events: none;
         }
    }
    //搜索框
    .search_box{
        border-radius: 3.4667vw;
        overflow: hidden;
        display: flex;
        justify-content: center;
        position: relative;

        .search{
            width: 35.4667vw;
            height: 6.6667vw;
            border: 0.1333vw solid #ff9344;
            display: block;
            margin: auto 0;
            padding: 2vw 4vw;
            border-radius: 3.333vw;
            font-size: 3.2vmin;

        }
        // 放大镜
        .search_icon{
            position: absolute;
            color: #ff9344;
            display: block;
            right: 10%;
            top: 20%;
            font-size: 4vmin;
        }
    }
    // 头部back按钮+标题+右边样式
    .header_top{
        width: 100%;
        display: flex;
        justify-content: space-between;
        margin-top: 6.4vw;
    }
    // 头部标题样式
    .infotitle{
    width: 93.3333vw;
    height: 8vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin:0 auto 4vw;
    .infotitle_left{
        width: 28vw;
        height: 8vw;
        display: flex;
        align-items: center;
        img{
            display: block;
            width: 7.4667vw;
        }
        span{
            display: block;
            font-size: 4vmin;
            margin-left: 2.1333vw;
        }
      } 
    //   头部右边
      .infotitle_right{
        width: 14.6667vw;
        height: 8vw;
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
        margin-right: 1.3333vw;
        a{
            line-height: 5.3333vw;
            span{
                margin-right: 1.0667vw;
                font-size: 3.2vmin;
                color: #000;
            }
            .right_icon{
                font-size: 3.2vmin;
                color: #ff9344;
            }
        }
      }
  }
    //底部导航栏
    footer{
        width: 100vw;
        // height: 18vw;
        position: fixed;
        bottom: 0;
        left: 0;
        background-color: #fff;
        .navb_list{
            width: 100vw;
            display: flex;
            justify-content: space-between;
            font-size: 3.4667vmin;
            .nav_box{
                // width: 10vw;
                // height: 10vw;
                margin: 1.8667vw 6.6667vw;
                & p{
                    font-size: 3.4667vw;
                    text-align: center;
                      a{
                        color: #ff9344;
                         i{
                            font-size: 9.7333vw;
                         }
                      }
                }
                & p:nth-of-type(2){
                    margin-top: 1.0667vw;
                }
        }

        }
    }
